import React, { Component } from "react";
import Styles from "./index.module.css";
export default class List extends Component {
  render() {
    return (
      <div className={Styles.outer}>
        {this.props.users.map((user) => {
          return (
            <div key={user.id}>
              <a href={user.html_url} rel="noreferrer">
                <img src={user.avatar_url} alt={user.html_url} style={{width:'100px'}} ></img>
              </a>
              <p>{user.login}</p>
            </div>
          );
        })}
      </div>
    );
  }
}
